<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <title>万绑</title>
    <link rel="stylesheet" href="./assets/css/animate.min.css"/>
    <link rel="stylesheet" href="./assets/css/reset.css"/>
    <link rel="stylesheet" href="./assets/css/header.css/header.css"/>
    <link rel="stylesheet" href="./assets/css/index.css" />
</head>
<body>
    <!-- 外层 -->
    <div  class="wraper">
        <div class="headbox">
            <!-- 视频背景 -->
            <!-- <video id="background" autoplay muted loop>
                <source src="./assets/images/background.mp4" />
            </video> -->
            <div id="background">
                <img src="../images/16290950473131589.jpg" />
            </div>
      
        <!-- 头部 -->
        <header class="header">
            <div class="container">
                <div class="box">
                    <div class="logo wow fadeInLeft "><img src="../images/logo88.png"></div>

                    <input type="checkbox" id="mobi" hidden />
                        <label for="mobi" class="mobi">
                            <span></span>
                            <span></span>
                            <span></span>
                        </label>
                    <nav class="nav wow fadeInRight">
                        <a href="#banner">首页</a>
                        <a href="#about">关于我们</a>
                        <a href="#services">国际专线</a>
                        <a href="#work">海外仓服务</a>
                        <a href="#testimonals">新闻资讯</a>
                        <a href="#contact">帮助反馈</a>
                    </nav>
                </div>
            </div>
        </header>
        <!-- banner -->
         <div class="banner" id="banner">
             <div class="container">
                 <h3 class="title wow fadeInUp" data-wow-delay="100ms">欢迎使用<span>万邦速运</span></h3>
                 <p class="desc wow fadeInUp" data-wow-delay="200ms">我们是一家<span>时效稳定</span><span>价格透明</span><span>门到门服务</span><span>双清包税</span></p>
                 <div class="down wow fadeInUp" data-wow-delay="300ms">
                     <a href="#bottom">↓</a>
                 </div>
             </div>
         </div>

    </div>
    <!-- 关于我们 -->
    <div class="about" id="about">
        <div class="container">
            <div class="box">
                <div class="left">
                    <img src="../images/about-img.png" />
                </div>
                <div class="right">
                    <div class="right">
                        <div class="title">
                            <div class="short wow fadeInUp" data-wow-delay="100ms">关于我们</div>
                            <div class="long wow fadeInUp" data-wow-delay="150ms">
                                <span>关于</span>万邦 <span>速运</span>
                        </div>
                    </div>
                    <p class="desc wow fadeInUp" data-wow-delay="200ms">
                        关于万邦
                        宁波万邦速运有限公司（Wanbang Express）于1998年成立，总部位于宁波，在深圳、广州、加拿大、美国等地均有分公司，是一家拥有国家邮政总局颁发的快递运输业务许可证的综合性国际物流服务商，万邦速运是首个UPS宁波地区代理，专为全球客户及企业提供全面的国际运输、电子贸易和商业服务。凭借多年的实践操作，积累了丰富的跨境物流运输经验，一直致力于提供快捷可靠的运输服务，公司主推深圳到欧洲主线空运派送服务,万邦速运提供海外仓,双清包税,欧洲空运包税,fba头程,fba全程,fba空运,海运等业务。
                    </p>
                    <!-- <div class="btn wow fadeInUp" data-wow-delay="250ms">
                        <a href="javascript:void(0)">Browse our work</a>
                    </div> -->
                </div>
            </div>
        </div>
    </div>
    </div>
    <!-- team 团队合作 -->
    <div class="team">
        <div class="container">
            <div class="teambox">
                <div class="title wow fadeInUp" data-wow-delay="100ms">我们的优势</div>
                <div class="desc">
                    我们竭诚为您服务海、陆、空、铁布局运输网络、云仓、电商储配、外贸综合服务平台及精益供应链等服务
                </div>
                <ul class="po">
                    <input type="radio" name="photo" id="photo1" checked hidden/>
                    <li>
                        <div class="img2">
                            <div class="list">
                                <div class="item wow fadeInUp" data-wow-delay="200ms">
                                    <div class="img">
                                        <img src="../images/small4_16287618005574400.jpg" />
                                    </div>
                                    
                                    <div class="content">
                                        <div class="name">
                                            <div class="small">陆运</div>
                                        </div>
                                        
                                    </div>
                                </div>
                            </div>

                        </div>
                    </li>

                    <input type="radio" name="photo" id="photo2" hidden/>
                    <li>
                        <div class="img2">
                            <div class="list">
                                <div class="item wow fadeInUp" data-wow-delay="300ms">
                                    <div class="img">
                                        <img src="../images/small4_16287614686141432.jpg" />
                                    </div>

                                    <div class="content">
                                        <div class="name">
                                            <div class="small">空运</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>

                    <input type="radio" name="photo" id="photo3" hidden/>
                    <li>
                        <div class="img2">
                            <div class="list">
                                <div class="item wow fadeInUp" data-wow-delay="350ms">
                                    <div class="img">
                                        <img src="../images/small4_16287620323966962.jpg"/>
                                    </div>
                                    <div class="content">
                                        <div class="name">
                                            <div class="small">航运</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>



                </ul>
                <div class="more wow fadeInUp" data-wow-delay="400ms">
                    <span><label for="photo1"></label></span>
                    <span><label for="photo2"></label></span>
                    <span><label for="photo3"></label></span>
                </div>
            </div>
        </div>
    </div>
        <!-- SERVICES -->
        <div class="services" id="services">
        <div class="container">
            <div class="servicesbox">
                <div class="title wow fadeInUp" data-wow-delay="100ms">我们的<span>业务方面<span></div>
                <div class="pg">
                    <p>
                        我们是一家<span>时效稳定</span><span>价格透明</span><span>门到门服务</span><span>双清包税</span><span>海运空运陆运</span> <span>自营VA.</span> 	<span>双清含税</span></p>
                    </p>
                </div>
                <div class="serviceslist">
                    <div class="item wow fadeInUp" data-wow-delay="200ms">
                        <div class="img">
                            <img src="../images/yfcx.jpg" />
                        </div>
                        <div class="content">
                            <div class="name">
                                <div class="big">运费查询</div>
                                <div class="small">可以快速且清楚的的查询到所需要的运费以及注意事项</div>
                            </div>
                        </div>
                </div>
                <div class="item wow fadeInUp" data-wow-delay="200ms">
                    <div class="img">
                        <img src="../images/jhlc.jpg" />
                    </div>
                    <div class="content">
                        <div class="name">
                            <div class="big">交货流程</div>
                            <div class="small">清晰的了解运输路线以及运输的整个流程</div>
                        </div>
                    </div>
            </div>
            <div class="item wow fadeInUp" data-wow-delay="200ms">
                <div class="img">
                    <img src="../images/zdgjcx.jpg" />
                </div>
                <div class="content">
                    <div class="name">
                        <div class="big">运单轨迹查询</div>
                        <div class="small">可以快速的查询到您的快递包裹在哪里</div>
                    </div>
                </div>
        </div>
        <div class="item wow fadeInUp" data-wow-delay="200ms">
            <div class="img">
                <img src="../images/kfzx.jpg" />
            </div>
            <div class="content">
                <div class="name">
                    <div class="big">客服中心</div>
                    <div class="small">遇到不懂得问题我们有优秀的团队为你解答</div>
                </div>
            </div>
             </div>
             
            </div>
                </div>
            </div>
        </div>   

  <!-- team 团队合作2 -->
  <div id="team2" class="team2">
    <div class="container">
        <div class="teambox2">
            <div class="title2 wow fadeInUp" data-wow-delay="100ms">SOME OF <span>OUR CLIENTS</span> </div>

           <div class="bigbox"> 


                <input type="radio" name="photo0" id="photo01" checked hidden />
                <div class="desc3 wow fadeInUp" data-wow-delay="200ms">
                CHANEL <span><img src="./assets/images/Layer1.png" alt=""></span><span><img src="./assets/images/Layer2.png" alt=""></span><span><img src="./assets/images/Layer3.png" alt=""></span> LACOSTE
                </div>



                <input type="radio" name="photo0" id="photo02" hidden />
                <div class="desc3">
                 so the mouse got out of her mouth and ran away
                </div>





                <input type="radio" name="photo0" id="photo03"hidden />
                <div class="desc3">
                    and I would work for you still, but I am too old
                </div>







                <div class="more2 wow fadeInUp" data-wow-delay="400ms">

                    <label for="photo01"></label>
                    <label for="photo02"></label>
                    <label for="photo03"></label>
                    <!-- <span class="span1"></span>
                    <span class="span2"></span>
                    <span class="span3"></span> -->
                </div>


            </div>
            
        </div>
    </div>
</div>

        
 <!-- work -->
 <div class="work" id="work">
    <div class="container">
        <div class="workbox">
            <div class="title wow fadeInUp" data-wow-delay="100ms">take a look at our work</div>

            <div class="desc wow fadeInUp" data-wow-delay="200ms">
                Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
            </div>

            <div class="worklist">
                <div class="nav">
                    <div class="left wow fadeInUp" data-wow-delay="300ms">Filter by type</div>
                    <div class="right wow fadeInUp" data-wow-delay="300ms">
                        <nav class="typelist">
                            <a href="javascript:void(0)">all</a>
                            <a href="javascript:void(0)">web design</a>
                            <a href="javascript:void(0)">mobile design</a>
                            <a href="javascript:void(0)">hotograpy</a>
                        </nav>
                    </div>
                </div>

                <div class="list">
                    <div class="item wow fadeInUp" data-wow-delay="350ms">
                        <img src="./assets/images/Layer001.png" />
                        <div class="box">
                            <div class="big">Trend and fashion</div>
                            <div class="small">Website design</div>
                            <a class="more">+</a>
                        </div>
                    </div>
                    <div class="item wow fadeInUp" data-wow-delay="360ms">
                        <img src="./assets/images/Layer001.png" />
                        <div class="box">
                            <div class="big">Trend and fashion</div>
                            <div class="small">Website design</div>
                            <a class="more">+</a>
                        </div>
                    </div>
                    <div class="item wow fadeInUp" data-wow-delay="370ms">
                        <img src="./assets/images/Layer001.png" />
                        <div class="box">
                            <div class="big">Trend and fashion</div>
                            <div class="small">Website design</div>
                            <a class="more">+</a>
                        </div>
                    </div>
                    <div class="item wow fadeInUp" data-wow-delay="380ms">
                        <img src="./assets/images/Layer001.png" />
                        <div class="box">
                            <div class="big">Trend and fashion</div>
                            <div class="small">Website design</div>
                            <a class="more">+</a>
                        </div>
                    </div>
                    <div class="item wow fadeInUp" data-wow-delay="390ms">
                        <img src="./assets/images/Layer002.png" />
                        <div class="box">
                            <div class="big">Trend and fashion</div>
                            <div class="small">Website design</div>
                            <a class="more">+</a>
                        </div>
                    </div>
                    <div class="item wow fadeInUp" data-wow-delay="400ms">
                        <img src="./assets/images/Layer002.png" />
                        <div class="box">
                            <div class="big">Trend and fashion</div>
                            <div class="small">Website design</div>
                            <a class="more">+</a>
                        </div>
                    </div>
                    <div class="item wow fadeInUp" data-wow-delay="410ms">
                        <img src="./assets/images/Layer002.png" />
                        <div class="box">
                            <div class="big">Trend and fashion</div>
                            <div class="small">Website design</div>
                            <a class="more">+</a>
                        </div>
                    </div>
                    <div class="item wow fadeInUp" data-wow-delay="420ms">
                        <img src="./assets/images/Layer002.png" />
                        <div class="box">
                            <div class="big">Trend and fashion</div>
                            <div class="small">Website design</div>
                            <a class="more">+</a>
                        </div>
                    </div>
                    <div class="item wow fadeInUp" data-wow-delay="430ms">
                        <img src="./assets/images/Layer003.png" />
                        <div class="box">
                            <div class="big">Trend and fashion</div>
                            <div class="small">Website design</div>
                            <a class="more">+</a>
                        </div>
                    </div>
                    <div class="item wow fadeInUp" data-wow-delay="440ms">
                        <img src="./assets/images/Layer003.png" />
                        <div class="box">
                            <div class="big">Trend and fashion</div>
                            <div class="small">Website design</div>
                            <a class="more">+</a>
                        </div>
                    </div>
                    <div class="item wow fadeInUp" data-wow-delay="450ms">
                        <img src="./assets/images/Layer003.png" />
                        <div class="box">
                            <div class="big">Trend and fashion</div>
                            <div class="small">Website design</div>
                            <a class="more">+</a>
                        </div>
                    </div>
                    <div class="item wow fadeInUp" data-wow-delay="460ms">
                        <img src="./assets/images/Layer003.png" />
                        <div class="box">
                            <div class="big">Trend and fashion</div>
                            <div class="small">Website design</div>
                            <a class="more">+</a>
                        </div>
                    </div>
                </div>
            </div>


        </div>
    </div>
</div>
   <!-- team 团队合作3 -->
        <div id="team3" class="team3">
            <div class="container">
                <div class="teambox3">
                    <div class="title3 wow fadeInUp" data-wow-delay="100ms"><span>our clients’ </span>   testimonials</div>

                    <div class="bigbox">

                        <input type="radio" name="photo00" id="photo001" checked hidden />
                        <div class="desc4">
                            This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.  
                        </div>
                      

                        <input type="radio" name="photo00" id="photo002" checked hidden />
                        <div class="desc4">
                            hen the old woman became very angry because the cat had not killed the mouse. She began to hit the cat. The cat said, "Do not hit your old servant. I have worked for you for many years, and I would work for you still, but I am too old. 
                        </div>

                        <input type="radio" name="photo00" id="photo003" checked hidden />
                        <div class="desc4">
                            One day the old cat saw a mouse; she jumped and caught the mouse. But she could not bite it; so the mouse got out of her mouth and ran away, because the cat could not bite it.
                        </div>
                     
                        <div class="more3 wow fadeInUp" data-wow-delay="400ms">
    
                            <label for="photo001"></label>
                            <label for="photo002"></label>
                            <label for="photo003"></label>
                            <!-- <span class="span1"></span>
                            <span class="span2"></span>
                            <span class="span3"></span> -->
                        </div>


                    </div>



                </div>
            </div>
        </div>

<!-- contact 联系我们 -->
<div class="contact" id="contact">
    <div class="container">
        <div class="contactbox">
            <div class="title wow fadeInUp" data-wow-delay="100ms"><span>feel free to </span>  contact us</div>

            <div class="desc wow fadeInUp" data-wow-delay="150ms">
                Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
            </div>

            <div class="contact-form">
                <div class="info">
                    <div class="left wow fadeInUp" data-wow-delay="200ms">
                        <div class="formtitle">Name<sup>*</sup></div>
                        <div class="input" ><input type="text" name="username" id="input1" /></div>
                    </div>

                    <div class="right wow fadeInUp" data-wow-delay="200ms">
                        <div class="formtitle">Emall Address<sup>*</sup></div>
                        <div class="input"><input type="text" name="email" id="input2"  /></div>
                    </div>
                </div>

                <div class="message wow fadeInUp" data-wow-delay="250ms">
                    <div class="formtitle">
                        Message<sup>*</sup>
                    </div>
                    <div class="textarea">
                        <textarea  id="input3"></textarea>
                    </div>
                </div>

                <div class="submit wow fadeInUp"  data-wow-delay="300ms">
                    <button class="btn" id="btn">SEND</button>
                </div>
            </div>




        </div>
    </div>
</div>


<!-- 尾部  start -->
<div class="bottom" id="bottom">
    <div class="container">
        <div class="box">
            <div class="left wow fadeInUp wow fadeInUp" data-wow-delay="200ms">ALL RIGHTS RESERVED. COPYRIGHT © 2014 <span>SPIRIT8</span> </div>
            <div class="right wow fadeInUp" data-wow-delay="200ms">
                <span><img src="./assets/images/Rectangle1.png" alt=""></span>
                <span><img src="./assets/images/Rectangle2.png" alt=""></span>
                <span><img src="./assets/images/Rectangle3.png" alt=""></span>
                <span><img src="./assets/images/Rectangle4.png" alt=""></span>
                <span><img src="./assets/images/Rectangle5.png" alt=""></span>
            </div>
      </div>

    </div>
</div>

<!-- 尾部  end -->
    </div>
</body>
</html>
<script src="./assets/js/wow.min.repeat.js"></script>
<script src="./assets/js/jquery.js"></script>
<script>
    var background = document.getElementById("background");

    //将视频速度调整
    // background.playbackRate = 0.5;

    //实例化懒加载插件
    new WOW().init();
    $(function(){  
        // a href == id 
        //锚点跳转滑动效果  
        $('a[href*=#],area[href*=#]').click(function() {  
            console.log(this.pathname)  
            if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {  
                var $target = $(this.hash);  
                $target = $target.length && $target || $('[name=' + this.hash.slice(1) + ']');  
                if ($target.length) {  
                    var targetOffset = $target.offset().top;  
                    $('html,body').animate({  
                                scrollTop: targetOffset  
                            },  
                            1000);  
                    return false;  
                }  
            }  
        });  
    })
  $("#btn").click(function(){
      var pj=$("#input1").val();
      var pu=$("#input2").val();
      var pq=$("#input3").val();
       if(pj == '',pu == '',pq ==''){
           alert("请输入您的名字和邮箱既内容");
       }else{
           alert("name:"+pj); 
           alert('Emall:'+pu);
       }
  })

</script>